<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <link href="./css/public.css" rel="stylesheet">
    <link href="./font/iconfont.css" rel="stylesheet">
    <link href="./css/valuation.css" rel="stylesheet">
    <title>评价页面</title>
</head>

<body>
    <!-- main：html5的语义化标签之一，实际上就是div，只是变了一个元素名 -->
    <main id="container">
        <header class="header">
            <div class="header-top">
                <span class="iconfont icon-zuojiantou left">
                </span>
                <span class="iconfont icon-fenxiang right"></span>
                <h2 class="title">行程结束</h2>
            </div>
        </header>
        <footer class="footer">
            <header>
                <span class="iconfont icon-cha"></span>
                <h2 class="h2">评价</h2>
            </header>
            <!-- section：语义化div -->
            <section class="main">
                <h3 class="h3">
                    <span>评价司机</span>
                </h3>
                <ul class="starts-box">
                    <li class="iconfont icon-star"></li>
                    <li class="iconfont icon-star"></li>
                    <li class="iconfont icon-star"></li>
                    <li class="iconfont icon-star"></li>
                    <li class="iconfont icon-star"></li>
                </ul>
                <ul class="label-box">
                    <li>
                        <span class="lable-item">评价标签1</span>
                    </li>
                    <li>
                        <span class="lable-item">评价标签1</span>
                    </li>
                    <li>
                        <span class="lable-item">评价标签1</span>
                    </li>
                    <li>
                        <span class="lable-item">评价标签1</span>
                    </li>
                    <li>
                        <span class="lable-item">评价标签1</span>
                    </li>
                    <li>
                        <span class="lable-item">评价标签1</span>
                    </li>
                </ul>
                <textarea class="advice"></textarea>
                <h3 class="h3">
                    <span>评价大屏</span>
                </h3>
                <ul class="starts-box">
                    <li class="iconfont icon-star"></li>
                    <li class="iconfont icon-star"></li>
                    <li class="iconfont icon-star"></li>
                    <li class="iconfont icon-star"></li>
                    <li class="iconfont icon-star"></li>
                </ul>
                <textarea class="advice2"></textarea>
            </section>
        </footer>
    </main>
    <!-- <div id="mask">

    </div> -->
</body>
<!-- 新的语法规范推荐，js写在html文件的末尾位置，可以提高运行效率 -->
<script type="text/javascript">
    window._AMapSecurityConfig = {
        // 设置密钥
        securityJsCode: 'b5d5353863a0c66ae610f567a7a10c0c',
    }
</script>
</script>
<!-- 通过key引入地图的js -->
<script src='https://webapi.amap.com/maps?v=2.0&key=cdaf95bc9e68374e25a78f884c8bde4d'></script>
<script src="./js/valuation.js"></script>
</html>